*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/* 公共属性 */
li{
    display: inline;
    list-style: none;
    list-style-type: none;
}
a{
    text-decoration: none;
    color: black;
}
input{
    display: block;
    border: none;
    outline: none;
    height: 41px;
    padding-left: 10px;
}
img{
    display: inline;
}

/* 私有属性 */
.headbar{
    background-color:#f8f8f8;
    height: 40px;
    width: 100%;
}
.headbar-left{
    float: left;
    margin-left:45px ;
    line-height: 40px;
    font-size: 12px;
    font-weight: bold;
    color: #bbbbbb;
}
.lo{
    
    height: 12px;
    line-height: 16px;
    display: inline;
    color: #b3b3b3;
}
.login{
    float: right;
    margin-left: 27px;
    font-size: 12px;
    
}
.headbar-right{
    float: right;
    line-height: 40px;
    margin-right: 60px;
}
.headbar-right a{
    padding-left: 31px;
    font-size: 12px;
    color: #b3b3b3;
    font-weight: bold;
}
.search{
    height: 157px;
    width: 100%;
    padding-top: 27px;
}
.logo{
    width: 129px;
    height: 49px;
    margin-left: 45px;
}
.searchbar{
    display: inline;
    margin-left: 193px;
    position: absolute;
}
.frame{
    width: 553px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    height: 41px;
    color: #bbbbbb;
}
.submit{
    float: right;
    width: 80px;
    height: 41px;
    background-color: #ffc300;
    position: relative;
    bottom: 41px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
.searchbar img{
    display: inline;
    height: 30px;
    width: 30px;
    position:absolute;
    bottom: 45px;
    left: 498px;

}
.navigation-up{
    position: relative;
    left: 310px;
    top: 45px;
}
.navigation-up a{
    font-size: 18px;
    font-weight: bold;
    color: #181818;
    padding-right: 42px;
}
.content{
    background-color: #ededed;
    width: 100%;
    height: 467px;
    position: relative;
}
.navigation{
    position: absolute;
    height: 475px;
    width: 230px;
    left: 45px;
    bottom: 40px;
    background-color: white;
}
.test
{
    position: absolute;
    left: 285px;
    height: 417px;
    width: 995px;
}
.navigation{
    box-shadow: 0 0 0 1px #e8e8e8;
}
.navigation li,
.navigation a{
    display: block;
    color: #858585;
    font-size: 12px;
    padding-left: 20px;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}
.navigation li:hover,
.navigation a:hover{
    background-color: #e8e8e8;
    color: #fcbe7d;
    transition: 0.5s;
}
.navigation>span{
    line-height: 50px;
    padding-left: 20px;
}
.test-up{
    display: flex;
    gap: 10px;
    flex: 1;
    margin-top: 10px;
}
.test-up img{
    display: inline;
    
}
.login-down{
    display: inline-block;
    width: 229px;
    height: 240px;
    background-color: white;
    box-shadow: 0 0 0 1px #e8e8e8;
    text-align: center;
}
.login-down img{
    display: block;
    margin: auto;
    width: 77px;
    border: 5px solid #e3e3e3;
    margin-top: 30px;
    border-radius: 50%;
    overflow: hidden;
}
.login-down a{
    display: block;
    width: 120px;
    height: 38px;
    margin: 5px auto;
    line-height: 35px;
    border:3px solid #eeeeee;
    border-radius: 25px;
}
.test-down{
    display: flex;
    flex: 1;
    gap: 10px;
}
.test-down>img,
.erweima{
    height: 165px;
    margin-top: 10px;
    width: auto;
}
.erweima{
    display: inline-block;
    width: 229px;
    background-color: white;
    box-shadow: 0 0 0 1px #e8e8e8;
    text-align: center;
}
.erweima img{
    width: 79px;
    height: auto;
    display: block;
    margin-left: 75px;
    padding-top: 20px;
}
.hide{
    width: 450px;
    height: 416px;
    top: 11px;
    position: relative;
    left: 275px;
    background-color: white;
    transition: all 3s;
}
.hide div{
    width: 400px;
    height: 60px;
    padding-top: 10px;
    margin: auto;
    border-bottom: 1px solid #bbbbbb;
}
.left{
    float: left;
    font-weight: bold;
}
.right{
    float: right;
    font-size: 13px;
    color: #b3b3b3;
}
.subscript{
    border: none; 
    color: #b3b3b3;
    font-size: 13px;

}
.subscript span{
    padding-right: 10px;
}
.active{
    display: none;
    transition: all 3s;
}